<!DOCTYPE html>
<!--[if lt IE 7]>  <html class="ie ie6 lte9 lte8 lte7 no-js"> <![endif]-->
<!--[if IE 7]>     <html class="ie ie7 lte9 lte8 lte7 no-js"> <![endif]-->
<!--[if IE 8]>     <html class="ie ie8 lte9 lte8 no-js">      <![endif]-->
<!--[if IE 9]>     <html class="ie ie9 lte9 no-js">           <![endif]-->
<!--[if gt IE 9]>  <html class="no-js">                       <![endif]-->
<!--[if !IE]><!--> <html class="no-js">                       <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>ELITE - A Powerfull Responsive Admin Theme</title>
    
	<!-- 
    ***************************************
    DEMO - DEMO - DEMO - DEMO - DEMO - DEMO
    
    This demo is modifyed to perfom 
    better(as our servers anr't that fast)
    Most cusom files are compressed and 
    are not readable.
    ***************************************
    -->
    
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.html">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/mobile/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/mobile/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon-precomposed" href="images/mobile/apple-touch-icon.png" />
    <link rel="shortcut icon" href="images/apple-touch-icon.html" />
    <link rel="apple-touch-startup-image" media="(max-device-width: 480px) and not (-webkit-min-device-pixel-ratio: 2)" href="images/mobile/splash-320x460.png" />
    <link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="images/mobile/splash-640x920-retina.png" />
    <link rel="apple-touch-startup-image" media="(min-device-width: 768px) and (orientation: portrait)" href="images/mobile/splash-768x1004.png" />
    <link rel="apple-touch-startup-image" media="(min-device-width: 768px) and (orientation: landscape)" href="images/mobile/splash-1024x748.png" />
    <link rel="apple-touch-startup-image" media="(min-device-width: 1536px) and (orientation: portrait)" href="images/mobile/splash-1536x2008-retina.png" />
    <link rel="apple-touch-startup-image" media="(min-device-width: 2048px) and (orientation: landscape)" href="images/mobile/splash-2048x1496-retina.png" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="HandheldFriendly" content="true"/>   
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
    <script src="js/mobiledevices.js"></script>

    <meta name="application-name" content="Elite Admin Skin">
    <meta name="msapplication-tooltip" content="Cross-platform admin skin.">
    <meta name="msapplication-starturl" content="http://themes.creativemilk.net/elite/html/index.html">
    <meta name="msapplication-task" content="name=Home;action-uri=http://themes.creativemilk.net/elite/html/index.html;icon-uri=http://themes.creativemilk.net/elite/html/images/favicons/favicon.ico">
    <meta http-equiv="cleartype" content="on" /> 
    
    <!--[if lt IE 8]>
	<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
    <![endif]-->

    <link rel="stylesheet" href="css/framework.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/ui/jquery.ui.base.css"/>
    <link rel="stylesheet" href="css/theme/darkblue.css" id="themesheet"/>
	<!--[if IE 7]>
	<link rel="stylesheet" href="css/destroy-ie6-ie7.css"/>
    <![endif]-->
    
    <link rel="shortcut icon" href="images/favicons/favicon.ico" />

    <script src="../../ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>!window.jQuery && document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
    <script src="../../code.jquery.com/ui/1.8.22/jquery-ui.min.js"></script>
    <script>!window.jQueryUI && document.write('<script src="js/jquery-ui-1.8.22.min.js"><\/script>')</script>
    <script src="js/jquery.ui.touch-punch.min.js"></script>
    <script src="js/jquery.mousewheel.min.js"></script>
	<script src="js/jquery.ui.spinner.js"></script>            
    <script src="js/tipsy.js"></script>                       
    <script src="js/treeview.js"></script>                      
    <script src="js/fullcalendar.min.js"></script>               
    <script src="js/selectToUISlider.jQuery.js"></script>       
    <script src="js/jquery.contextMenu.js"></script>            
    <script src="js/elfinder.min.js"></script>                  
    <script src="js/autogrow-textarea.js"></script>              
    <script src="js/textarearesizer.min.js"></script>
    <script src="wysiwyghtml5/parser_rules/advanced.js"></script>
	<script src="wysiwyghtml5/dist/wysihtml5-0.3.0.js"></script>                    
    <script src="js/jquery.colorbox-min.js"></script>
    <script src="js/jquery.dataTables.min.js"></script>
    <script src="js/jquery.maskedinput-1.3.min.js"></script> 
    <script src="js/json2.js"></script>
    <script src="audiojs/audiojs/audio.min.js"></script> 
    <script src="js/e_styleswitcher.1.0.min.js"></script>                 
    <script src="js/main.js"></script> 
      
    <!-- // HTML5/CSS3 support // -->

    <script src="js/modernizr.min.js"></script>
                
</head>
<body class="layout_fluid layout_responsive"> 

    <!-- this part can be removed, its just here 
         to let you switch between styles and layout sizes -->
    <div id="e-styleswitcher">
        <div class="e-styleswitcher-inner">
            <div class="e-styleswitcher-arrow"><img src="images/icons/plix-16/white/arrow-right-16.png" alt="" /></div>
            <div class="box">
            	<h4>Styles</h4>
                <select id="choose-styling">
                	<option value="strangeblue">Strange blue</option>
                    <option value="black">Black</option>
                    <option value="darkblue">Dark blue</option>
                    <option value="lightgrey">Light grey</option>
                </select>
            </div>    
            <div class="box">
            	<h4>Layout sizes</h4>                
                <select id="set-layout-size">
                	<option value="layout_fluid">fluid</option>
                    <option value="layout_768">768</option>
                    <option value="layout_960">960</option>
                    <option value="layout_1024">1024</option>
                    <option value="layout_1200">1200</option>
                    <option value="layout_1600">1600</option>
                </select>
            </div> 
            <div class="box">
            	<h4>Responsive</h4>                
                <select id="set-layout-responsive">
                	<option value="layout_responsive">yes</option>
                    <option value="">no</option>
                </select>
            </div>
            <div class="box">
            	<h4>Get theme</h4>                
                <select id="get-theme">
                	<option value="">no</option>
                    <option value="yes">yes</option>
                </select>
            </div>                         
        </div>
    </div>
  
	<div id="container">
    
        <!-- MAIN HEADER -->
                
        <header id="header">
        	<div id="header-border">
                <div id="header-inner">
                
                    <div class="left">
                        <a href="index.html" id="logo">ELITE</a>
                    </div><!-- End .left -->
                    
                    <div class="right">
                        <!-- eMenu -->
                        <nav>
                            <ul class="e-splitmenu" id="header-menu">
                                <li><span>Menu</span><a href="javascript:void(0);"><span class="arrow-down-10 plix-10"></span></a>
                                
                                     <div>
                                        <ul>
                                            <li><a href="index.html"><span class="stats2-10 plix-10"></span> Stats</a></li>
                                            <li><a href="index.html"><span class="lock-10 plix-10"></span> Security</a></li>
                                            <li><a href="index.html"><span class="download-10 plix-10"></span> Downloads</a></li>
                                        </ul>                                      
                                    </div>                               

                                </li>
                                <li><span>Settings</span><a href="javascript:void(0);"><span class="arrow-down-10 plix-10"></span></a>
                                
                                     <div>
                                        <ul>
                                            <li><a href="index.html"><span class="home-10 plix-10"></span> Basic Settings</a></li>
                                            <li><a href="index.html"><span class="settings-10 plix-10"></span> Site Settings</a></li>
                                            <li><a href="index.html"><span class="comment-10 plix-10"></span> User Settings</a></li>
                                            <li><a href="index.html"><span class="bookmark-10 plix-10"></span> Server Settings</a></li>
                                        </ul>                                      
                                    </div>
                                    
                                </li>
                        		<li class="e-menu-profile">
                                    <a href="javascript:void(0);"><span class="arrow-down-10 plix-10"></span></a> 
                                    <img src="images/avatar.jpg" alt=""/>
                                    
                                    <div>
                                        <ul>
                                            <li><a href="index.html"><span class="mail-10 plix-10"></span> Inbox</a></li>
                                            <li><a href="index.html"><span class="upload-10 plix-10"></span> Settings</a></li>
                                            <li><a href="index.html"><span class="info-10 plix-10"></span> Logout</a></li>
                                        </ul>                                      
                                    </div> 
                                            
                                </li>
                            </ul>
                        </nav>
                    </div><!-- End .right --> 
                    
                </div><!-- End #header-border --> 
            </div><!-- End #header-inner -->  
                
		</header><!-- End #header -->
        
        <!-- CONTENT -->
                 
        <div id="content">
            <div id="content-border">
            
                <!-- CONTENT HEADER -->
                
                <header id="content-header">
                    <div class="left">
                    	<a href="javascript:void(0);" id="toggle-mainmenu" class="button-icon tip-s" title="Toggle Main Menu"><span class="arrow-up-10 plix-10"></span></a>
                        
                        <!-- main search form -->
                        <form method="post" id="mainsearch">
                            <input type="text" placeholder="Live search..." name="" autocomplete="off"/>
                            <input type="submit" value="" />
                        </form>
                    </div><!-- End .left --> 
                    <div class="right">
                    	<!-- sidebar switch -->
                    	<a href="javascript:void(0);" id="toggle-sidebar" class="button-icon tip-s" title="Switch Main Menu"><span class="arrow-left-10 plix-10"></span></a>
                        
                        <!-- breadcrumbs -->
                        <nav id="main-breadcrumbs">
                            <ul>
                                <li class="bc-tab-first">
                                    <a href="index.html">Home</a>
                                </li>
                                <li class="bc-tab-last">Tables</li>
                            </ul>          
                        </nav>
                        
                        <!-- demo dialog button -->
                        <a href="javascript:void(0);" id="open-main-dialog" class="button-text-icon tip-w" title="Some tooltip pointing right"><span class="fullscreen-10 plix-10"></span> Dialog</a>
                        
                        <!-- the main page dialog -->
                        <div id="main-page-dialog" title="Welcome to Elite" style="display:none">
                        <img src="images/jquery-ui-logo.png" alt="" class="dummy-img-dialog"/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet est et mauris ornare lobortis dignissim quis massa. Donec ullamcorper turpis ac lectus semper commodo. Mauris tincidunt, erat et tempor interdum, dolor metus consectetur dui, eu accumsan augue augue a erat. Fusce justo nibh, tristique vitae pretium ut, venenatis nec felis. Curabitur congue tempor ultricies. Proin quis libero dignissim neque posuere pharetra vel adipiscing massa. Sed sit amet erat ac arcu sodales aliquam. Nam tellus sapien, ornare in tincidunt vel, ultricies id quam.
						</div>
                        
                        <span class="preloader"></span>
                        
                        <!-- widgets controls -->
                        <div id="widgets-controls">
                            <span class="preloader"></span>                       
                            <div class="icon-group"> 
                                <a href="javascript:void(0);" class="changeto-grid selected tip-s" title="Show grid"><span class="grid-10 plix-10"></span></a>
                                <span></span>
                                <a href="javascript:void(0);" class="changeto-rows tip-s" title="Show rows"><span class="rows-10 plix-10"></span></a>
                            </div>
                            
                            <!-- widgets management switch -->
                            <a href="javascript:void(0);" class="button-icon tip-s" title="Manage widgets" id="powerwidget-panel-switch"><span class="settings-10 plix-10"></span></a>
                        </div>
                    </div><!-- End .right -->                
                
				</header><!-- End #content-header --> 
                                
                <div id="content-inner">
                    
                    <!-- SIDEBAR -->
                    
                    <aside>
                    
                    	<!-- SIDEBAR PROFILE -->
                        
                    	<div id="sidebar-profile">
                            <div id="main-avatar">
                            	<span class="indicator">38</span>
                                <img src="images/avatar.jpg" alt=""/>
                            </div>
                            <div id="profile-info">
                                <div>
                                    <a href="javascript:void(0);"><b>Administrator</b></a>
                                    <a href="javascript:void(0);">Profile settings</a>
                                    <a href="javascript:void(0);">Server settings</a>
                                    <a href="javascript:void(0);">Logout</a>
                                </div>
                            </div>
                        </div>
                        
                        <!-- MAIN MENU -->
                        
                        <nav id="main-menu">
                            <ul>
                                <li><a href="index.html"><span class="home-16 plix-16"></span> Dashboard</a></li>
                                <li class="no-mobile"><a href="documentation.html"><span class="note-16 plix-16"></span> Documentation</a>
                                
                                    <ul>
                                    	<li><a href="doc-accordion.html">Accordion</a></li> 
                                    	<li><a href="doc-breadcrumbs.html">Breadcrumbs</a></li>
                                        <li><a href="doc-buttons.html">Buttons</a></li>
                                        <li><a href="doc-calendar.html">Calendar</a></li>
                                        <li><a href="doc-charts.html">Charts</a></li>
                                        <li><a href="doc-dialogs.html">Dialogs</a></li>
                                        <li><a href="doc-editors.html">Editors</a></li>
                                        <li><a href="doc-extra.html">Extra</a></li>
                                        <li><a href="doc-fileexplore.html">File Explore</a></li>
                                        <li><a href="doc-forms.html">Forms</a></li>
                                        <li><a href="doc-grid.html">Grid</a></li>
                                        <li><a href="doc-icons.html">Icons</a></li>
                                        <li><a href="doc-listsblocks.html">Lists &amp; Blocks</a></li>
                                        <li><a href="doc-media.html">Media</a></li>
                                        <li><a href="doc-menus.html">Menus</a></li>
                                        <li><a href="doc-misc.html">Misc</a></li>
                                        <li><a href="doc-search.html">Search</a></li>
                                        <li><a href="doc-tables.html">Tables</a></li>
                                        <li><a href="doc-tabs.html">Tabs</a></li>
                                        <li><a href="doc-toolbars.html">Toolbars</a></li> 
                                        <li><a href="doc-widgets.html">Widgets</a></li>                                         
                                    </ul> 
                                                                   
                                </li>
                                <li><a href="calendar.html"><span class="calendar-16 plix-16"></span>Calendar<span class="color-indicator">28</span></a></li>
                                <li><a href="javascript:void(0);"><span class="postcard-16 plix-16"></span> Form Elements <span class="button-icon"><span class="plus-10 plix-10"></span></span></a>

                                    <ul>
                                    	<li><a href="editors.html">Editors</a></li>
                                    	<li><a href="forms.html">Forms</a></li>
                                        <li><a href="login.html">Login form 1</a></li>
                                        <li><a href="login-2.html">Login form 2</a></li>
                                        <li><a href="login-3.html">Login form 3</a></li>
                                        <li><a href="login-4.html">Login form 4</a></li>
                                        <li><a href="search.html">Search</a></li>
                                        <li><a href="wizard.html">Wizard</a></li>                                         
                                    </ul>
                                
                                </li>
                                <li><a href="media.html"><span class="image-16 plix-16"></span> Media</a></li>
                                <li><a href="planning.html"><span class="pencil-16 plix-16"></span> Planning</a></li>
                                <li><a href="maps.html"><span class="map-16 plix-16"></span> Google Maps <span class="indicator tip-w" title="Some tip goes here">tooltip</span></a></li>
                                <li><a href="fileexplore.html"><span class="folder-16 plix-16"></span> File Explore</a></li> 
                                <li><a href="javascript:void(0);"><span class="warning-16 plix-16"></span> Error pages<span class="button-icon"><span class="plus-10 plix-10"></span></span></a>

                                    <ul>
                                    	<li><a href="400.html">400</a></li>
                                    	<li><a href="401.html">401</a></li>
                                        <li><a href="403.html">403</a></li>
                                        <li><a href="404.html">404</a></li>
                                        <li><a href="500.html">500</a></li>
                                        <li><a href="503.html">503</a></li>                                         
                                    </ul>
                                
                                </li>                              
                                <li><a href="widgets.html"><span class="rows4-16 plix-16"></span> Widgets</a></li>
                                <li class="page-active"><a href="tables.html"><span class="cells-16 plix-16"></span> Tables</a></li>
                                <li><a href="charts.html"><span class="stats2-16 plix-16"></span> Charts </a></li>
                                <li><a href="javascript:void(0);"><span class="controls-16 plix-16"></span> Interface Elements <span class="button-icon"><span class="plus-10 plix-10"></span></span> </a>
                                
                                    <ul>
                                    	<li><a href="accordion.html">Accordion</a></li>                                        
                                        <li><a href="breadcrumbs.html">Breadcrumbs</a></li>
                                        <li><a href="buttons.html">Buttons</a></li>
                                        <li><a href="dialogs.html">Dialogs</a></li>
                                        <li><a href="icons.html">Icons</a></li>
                                        <li><a href="listsblocks.html">Lists &amp; Blocks</a></li>
                                        <li><a href="menus.html">Menus</a></li>
                                        <li><a href="misc.html">Misc</a></li>
                                        <li><a href="tabs.html">Tabs</a></li>
                                        <li><a href="toolbars.html">Toolbars</a></li>
                                    </ul>           
                                                           
                                </li>
                                <li><a href="grid.html"><span class="layout3-16 plix-16"></span> Grid <span class="indicator">960</span></a></li>
                            </ul>
                        </nav>                      
                    </aside>
                    
                    <!-- sidebar meta stats -->
                    <div id="sidebar-meta">
                    	<div id="sidebar-meta-inner">
                        	<div>
                                <p class="left">Space</p> 
                                <p class="right">4,551 MB / 10 GB</p>
                            </div>
                            <div class="pbar">
                               <span style="width:50%"></span>                            
                            </div>
                        	<div>
                                <p class="left">Traffic</p> 
                                <p class="right">8,001 MB / 10 GB</p>
                            </div>
                            <div class="pbar">
                               <span style="width:81%"></span>                            
                            </div>
                        </div>  
                    </div> 
                     
                    <!-- CONTENT -->
                    
					<div id="content-main">
                        <div id="content-main-inner">

                            <!-- widgets management panel --> 
                            <div id="powerwidgetspanel" class="powerwidgetspanel">
                                <header>
                                    <h2>Power widgets panel</h2>
                                </header>
                                <div class="powerwidgetspanel-widget" data-widget-id="widget1">
                                    <input type="checkbox"/>
                                    <label>Basic table (responsive)</label>
                                </div>
                                <div class="powerwidgetspanel-widget" data-widget-id="widget2">
                                	<input type="checkbox"/>
                                    <label>Datatable (not responsive)</label>                         
                                </div>
                                <div class="powerwidgetspanel-widget" data-widget-id="widget3">
                                    <input type="checkbox"/>
                                    <label>Clean table (responsive)</label>
                                </div>
                                <div class="powerwidgetspanel-widget" data-widget-id="widget4">
                                    <input type="checkbox"/>
                                    <label>Table example 1 (responsive)</label>
                                </div>                             
                                <div class="powerwidgetspanel-widget" data-widget-id="widget5">
                                    <input type="checkbox"/>
                                    <label>Table example 2 (responsive)</label>                             
                                </div>
                                <div class="powerwidgetspanel-widget" data-widget-id="widget6">
                                	<input type="checkbox"/>
                                    <label>Table example 3 (responsive)</label>
                                </div>                            
                            </div>
                            
                            <div class="page-header">
                                <h2>Tables</h2>
                                <span class="page-helper">1.0</span>
                                <a href="doc-tables.html" class="page-helper">Documentation</a>
                                 <a href="javascript:void(0);" class="page-helper empty-local-storage">Clear storage</a>
                                <p>Easy to use tables with the option to be responsive.</p>
                            </div> 
                                                    
                            <!-- Start grid -->

                            <section class="g_1">
                            
                                <!-- New widget -->
                                
                                 <div class="powerwidget" id="widget1">
                                    <header>
                                    	<h2>Basic table (responsive)</h2>                                  
                                    </header>
                                    <div>
                                    	<div class="table-wrapper"> 
                                            <table class="basic-table" id="basic-table">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">First Name</th>
                                                        <th scope="col">Last Name</th>
                                                        <th scope="col">Company</th>
                                                        <th scope="col">Phone</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>Xander</td>
                                                        <td>Raganhar</td>
                                                        <td>Apple</td>
                                                        <td>+011 - 430 -990 - 56</td>
                                                    </tr>
                                                    
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>Jim</td>
                                                        <td>Jonnes</td>
                                                        <td>Envato</td>
                                                        <td>+011 - 440 -655 - 41</td>
                                                    </tr>  
        
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>John</td>
                                                        <td>Winters</td>
                                                        <td>Apple</td>
                                                        <td>+011 - 430 -990 - 56</td>
                                                    </tr>
                                                    
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>James</td>
                                                        <td>Jacksons</td>
                                                        <td>Envato</td>
                                                        <td>+029 - 411 -655 - 40</td>
                                                    </tr> 
        
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>Luboš</td>
                                                        <td>Dougal</td>
                                                        <td>Microsoft</td>
                                                        <td>+089 - 130 -990 - 01</td>
                                                    </tr>
        
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>Adán</td>
                                                        <td>Nick</td>
                                                        <td>Adán Nick Desing</td>
                                                        <td>+034 - 411 -125 - 01</td>
                                                    </tr> 
        
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>Helfried</td>
                                                        <td>Murphy</td>
                                                        <td>Microsoft</td>
                                                        <td>+019 - 990 -990 - 91</td>
                                                    </tr>                                                                                              
                                                </tbody>
                                                <tfoot>
                                                    <tr>
                                                        <td>First Name</td>
                                                        <td>Last Name</td>
                                                        <td>Company</td>
                                                        <td>Phone</td>                                                   
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </div>    
                                	</div>
                                </div><!-- End .powerwidget -->

                                <!-- New widget -->
                                
                                 <div class="powerwidget" id="widget2">
                                    <header>
                                    	<h2>Datatable (not responsive)</h2>                                  
                                    </header>
                                    <div>
                                        <table id="datatable-1">
                                            <thead>
                                                <tr>
                                                    <th scope="col">First Name</th>
                                                    <th scope="col">Last Name</th>
                                                    <th scope="col">Company</th>
                                                    <th scope="col">Phone</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Xander</td>
                                                    <td>Raganhar</td>
                                                    <td>Apple</td>
                                                    <td>+011 - 430 -990 - 56</td>
                                                </tr>
                                                
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Jim</td>
                                                    <td>Jonnes</td>
                                                    <td>Envato</td>
                                                    <td>+011 - 440 -655 - 41</td>
                                                </tr>  
    
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>John</td>
                                                    <td>Winters</td>
                                                    <td>Apple</td>
                                                    <td>+011 - 430 -990 - 56</td>
                                                </tr>
                                                
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>James</td>
                                                    <td>Jacksons</td>
                                                    <td>Envato</td>
                                                    <td>+029 - 411 -655 - 40</td>
                                                </tr> 
    
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Luboš</td>
                                                    <td>Dougal</td>
                                                    <td>Microsoft</td>
                                                    <td>+089 - 130 -990 - 01</td>
                                                </tr>
    
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Adán</td>
                                                    <td>Nick</td>
                                                    <td>Adán Nick Desing</td>
                                                    <td>+034 - 411 -125 - 01</td>
                                                </tr> 
    
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Fred</td>
                                                    <td>Mury</td>
                                                    <td>Microsoft</td>
                                                    <td>+019 - 990 -990 - 91</td>
                                                </tr>

                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Jim</td>
                                                    <td>Murphy</td>
                                                    <td>Samsung</td>
                                                    <td>+209 - 101 -189 - 41</td>
                                                </tr>

                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Linda</td>
                                                    <td>Vogel</td>
                                                    <td>Samsung</td>
                                                    <td>+209 - 101 -189 - 10</td>
                                                </tr>
                                                
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Mark</td>
                                                    <td>Somer</td>
                                                    <td>HTC</td>
                                                    <td>+896 - 781 -709 - 01</td>
                                                </tr>
                                                
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Debby</td>
                                                    <td>Winters</td>
                                                    <td>HTC</td>
                                                    <td>+896 - 781 -709 - 85</td>
                                                </tr>
                                                
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Debby</td>
                                                    <td>Sellman</td>
                                                    <td>HTC</td>
                                                    <td>+896 - 781 -709 - 45</td>
                                                </tr>
                                                
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>John</td>
                                                    <td>Deer</td>
                                                    <td>Deer design</td>
                                                    <td>+102 - 000 - 009 - 00</td>
                                                </tr>
                                                
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Linda</td>
                                                    <td>Deer</td>
                                                    <td>Deer design</td>
                                                    <td>+102 - 000 - 009 - 04</td>
                                                </tr>                                                                                                                                               
                                            </tbody>
                                        </table> 
                                    </div>
                                </div><!-- End .powerwidget -->

                                <!-- New widget -->
                                
                                 <div class="powerwidget" id="widget3">
                                    <header>
                                    	<h2>Clean table (responsive)</h2>                                  
                                    </header>
                                    <div>                                                                         
                                        <table class="clean-table" id="clean-table">
                                            <thead>
                                                <tr>
                                                    <th scope="col">First name</th>
                                                    <th scope="col">Last name</th>
                                                    <th scope="col">Dob</th>
                                                    <th scope="col">Gender</th>
                                                    <th scope="col">Email</th>
                                                    <th scope="col"><a href="javascript:void(0);" class="button-text-icon" id="open-add-user">Add <span class="plus-10 plix-10"></span></a></th> 
                                                </tr>
                                            </thead>
                                            <tbody>
                                            
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Hugh</td>
                                                    <td>Garett</td>
                                                    <td>12/03/1990</td>
                                                    <td>Male</td>
                                                    <td>unkown@someserver.com</td>
                                                    <td>
                                                        <div class="right">
                                                            <a href="javascript:void(0);" class="button-icon tip-s" title="Edit user"><span class="pencil-10 plix-10"></span></a>
                                                            <a href="javascript:void(0);" class="button-icon tip-s" title="Delete user"><span class="trashcan-10 plix-10"></span></a>
                                                        </div>
                                                    </td>
                                                </tr>  
                                                  
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Jamie</td>
                                                    <td>Peppler</td>
                                                    <td>09/18/1967</td>
                                                    <td>Female</td>
                                                    <td>unkown@someserver.com</td>
                                                    <td>
                                                        <div class="right">
                                                            <a href="javascript:void(0);" class="button-icon tip-s" title="Edit user"><span class="pencil-10 plix-10"></span></a>
                                                            <a href="javascript:void(0);" class="button-icon tip-s" title="Delete user"><span class="trashcan-10 plix-10"></span></a>
                                                        </div>
                                                    </td>
                                                </tr> 

                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Allan</td>
                                                    <td>Wiltshire</td>
                                                    <td>12/12/1989</td>
                                                    <td>Male</td>
                                                    <td>unkown@someserver.com</td>
                                                    <td>
                                                        <div class="right">
                                                            <a href="javascript:void(0);" class="button-icon tip-s" title="Edit user"><span class="pencil-10 plix-10"></span></a>
                                                            <a href="javascript:void(0);" class="button-icon tip-s" title="Delete user"><span class="trashcan-10 plix-10"></span></a>
                                                        </div>
                                                    </td>
                                                </tr>
                                                
                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Alana</td>
                                                    <td>Zwilling</td>
                                                    <td>02/11/1989</td>
                                                    <td>Female</td>
                                                    <td>unkown@someserver.com</td>
                                                    <td>
                                                        <div class="right">
                                                            <a href="javascript:void(0);" class="button-icon tip-s" title="Edit user"><span class="pencil-10 plix-10"></span></a>
                                                            <a href="javascript:void(0);" class="button-icon tip-s" title="Delete user"><span class="trashcan-10 plix-10"></span></a>
                                                        </div>
                                                    </td>
                                                </tr>

                                                <!-- new row -->
                                                
                                                <tr>
                                                    <td>Nelson</td>
                                                    <td>Bast</td>
                                                    <td>05/10/1985</td>
                                                    <td>Male</td>
                                                    <td>unkown@someserver.com</td>
                                                    <td>
                                                        <div class="right">
                                                            <a href="javascript:void(0);" class="button-icon tip-s" title="Edit user"><span class="pencil-10 plix-10"></span></a>
                                                            <a href="javascript:void(0);" class="button-icon tip-s" title="Delete user"><span class="trashcan-10 plix-10"></span></a>
                                                        </div>
                                                    </td>
                                                </tr> 
                                            </tbody>
                                            <tfoot>
                                            	<tr>
                                                	<td colspan="6">
                                                        <div class="left">02/11/2012</div>
                                                        <div class="right">5 users in the database</div>
                                                    </td>
                                                </tr>
                                            </tfoot>
                                        </table> 
                                        
                                        <!-- dialog used for the add user button --> 

                                        <div id="add-user" title="Add a new user" style="display:none">
                                            <form>                                                        
                                                <div class="g_1_4">
                                                    <label for="f-firstname">First name:</label> 
                                                </div>
                                                <div class="g_3_4_last">
                                                    <input type="text" id="f-firstname" name=""/>
                                                </div>
                                                
                                                <div class="spacer-10"><!-- spacer 10px --></div>

                                                <div class="g_1_4">
                                                    <label for="f-lastname">Last name:</label> 
                                                </div>
                                                <div class="g_3_4_last">
                                                    <input type="text" id="f-lastname" name=""/>
                                                </div>
                                                
                                                <div class="spacer-10"><!-- spacer 10px --></div>

 												<div class="g_1_4">
                                                    <label for="datepicker-icon">Dob:</label> 
                                                </div>
                                                
                                                <div class="g_3_4_last">
                                                	<input type="text" name=""  id="datepicker-icon" class="datepicker" style="width:100%" />    
                                                </div>
                                                
                                                <div class="spacer-10"><!-- spacer 10px --></div>

                                                <div class="g_1_4">
                                                    <label for="f-email">Email:</label> 
                                                </div>
                                                <div class="g_3_4_last">
                                                    <input type="text" id="f-email" name=""/>
                                                </div>
                                                
                                                <div class="spacer-10"><!-- spacer 10px --></div>
                                                
                                                <div class="g_1">  
                                                    <input type="submit" value="Submit" class="button-text"/>
                                                </div>	                                                                                                        
                                            </form>                                                   
                                        </div>                                            
                                	</div>
                                </div><!-- End .powerwidget --> 
                                
                                <!-- New widget -->
                                
                                 <div class="powerwidget" id="widget4">
                                    <header>
                                    	<h2>Table example 1 (responsive)</h2>                                  
                                    </header>
                                    <div> 
                                        <div class="table-wrapper"> 
                                            <form class="e-checkbox-section" id="table-example1">
                                                <table class="basic-table" id="tableexample1">
                                                    <thead>
                                                        <tr>
                                                            <th scope="col" class="tb-checkbox"><input type="checkbox" name="" class="e-checkbox-trigger"/></th>
                                                            <th scope="col" class="tb-thumb">Thumb</th>
                                                            <th scope="col">Title</th>
                                                            <th scope="col">Details</th>
                                                            <th scope="col">Tags</th>
                                                            <th scope="col"><a href="javascript:void(0);" class="button-text-icon open-add-image">Add <span class="plus-10 plix-10"></span></a></th> 
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    
                                                        <!-- new row -->
                                                        
                                                        <tr>
                                                            <td><input type="checkbox" name=""/></td>
                                                            <td>
                                                            	<a href="images/uploads/img1.jpg" class="thumb group1"  title="Some title">
                                                                    <img src="images/uploads/img1-thumb.jpg" alt=""/>
                                                                </a>
                                                            </td>
                                                            <td>
                                                                <ul>
                                                                    <li>
                                                                        <a href="javascript:void(0);">
                                                                            <b>Sed fermentum suscipit</b>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <small>images/uploads/2010/sed-fermentum-suscipit.jpg</small>
                                                                    </li>                                                                   
                                                                </ul>
                                                            </td>
                                                            <td>
                                                                <ul>
                                                                    <li>
                                                                        800 x 800
                                                                    </li>
                                                                    <li>
                                                                        98,2 kb
                                                                    </li>                                                                   
                                                                </ul>
                                                            </td>
                                                            <td>
                                                                <a href="javascript:void(0);" class="tag green">Project</a>
                                                                <a href="javascript:void(0);" class="tag blue">Creative</a>
                                                                <a href="javascript:void(0);" class="tag purple">Colors</a>                                                              
                                                            </td> 
                                                            <td>
                                                                <ul class="e-splitmenu table-splitmenu">
                                                                    <li><span>Actions</span><a href="javascript:void(0);"><span class="arrow-down-10 plix-10"></span></a>
                                                                    
                                                                         <div>
                                                                            <ul>
                                                                                <li><a href="javascript:void(0);"><span class="magnifyglass2-10 plix-10"></span> View image</a></li>
                                                                                <li><a href="javascript:void(0);"><span class="pencil-10 plix-10"></span> Edit image</a></li>
                                                                                <li><a href="javascript:void(0);"><span class="trashcan-10 plix-10"></span> Delete image</a></li>
                                                                            </ul>                                      
                                                                        </div>                               
                                
                                                                    </li>
                                                                </ul>
                                                            </td>
                                                        </tr>
                                                        
                                                        <!-- new row -->
                                                        
                                                        <tr>
                                                            <td><input type="checkbox" name=""/></td>
                                                            <td>
                                                            	<a href="images/uploads/img2.jpg" class="thumb group1"  title="Some title">
                                                                    <img src="images/uploads/img2-thumb.jpg" alt=""/>
                                                                </a>
                                                            </td>
                                                            <td>
                                                                <ul>
                                                                    <li>
                                                                        <a href="javascript:void(0);">
                                                                            <b>Aliquam erat</b>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <small>images/uploads/2010/aliquam-erat.jpg</small>
                                                                    </li>                                                                   
                                                                </ul>
                                                            </td>                                                            
                                                            <td>
                                                                <ul>
                                                                    <li>
                                                                        800 x 400
                                                                    </li>
                                                                    <li>
                                                                        61,4 kb
                                                                    </li>                                                                   
                                                                </ul>
                                                            </td> 
                                                            <td>
                                                                <a href="javascript:void(0);" class="tag orange">New</a>
                                                                <a href="javascript:void(0);" class="tag red">HTML5</a>
                                                                <a href="javascript:void(0);" class="tag pink">CCS3</a>
                                                                <a href="javascript:void(0);" class="tag blue">Creative</a>
                                                            </td> 
                                                            <td>
                                                                <ul class="e-splitmenu table-splitmenu">
                                                                    <li><span>Actions</span><a href="javascript:void(0);"><span class="arrow-down-10 plix-10"></span></a>
                                                                    
                                                                         <div>
                                                                            <ul>
                                                                                <li><a href="javascript:void(0);"><span class="magnifyglass2-10 plix-10"></span> View image</a></li>
                                                                                <li><a href="javascript:void(0);"><span class="pencil-10 plix-10"></span> Edit image</a></li>
                                                                                <li><a href="javascript:void(0);"><span class="trashcan-10 plix-10"></span> Delete image</a></li>
                                                                            </ul>                                      
                                                                        </div>                               
                                
                                                                    </li>
                                                                </ul>
                                                            </td>
                                                        </tr>  
            
                                                        <!-- new row -->
                                                        
                                                        <tr>
                                                            <td><input type="checkbox" name=""/></td>
                                                            <td>
                                                            	<a href="images/uploads/img3.jpg" class="thumb group1"  title="Some title">
                                                                    <img src="images/uploads/img3-thumb.jpg" alt=""/>
                                                                </a>
                                                            </td>
                                                            <td>
                                                                <ul>
                                                                    <li>
                                                                        <a href="javascript:void(0);">
                                                                            <b>Vestibulum imperdiet</b>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <small>images/uploads/2010/vestibulum-imperdiet.jpg</small>
                                                                    </li>                                                                   
                                                                </ul>
                                                            </td>                                                            
                                                            <td>
                                                                <ul>
                                                                    <li>
                                                                        400 x 800
                                                                    </li>
                                                                    <li>
                                                                        79,0 kb
                                                                    </li>                                                                   
                                                                </ul>
                                                            </td> 
                                                            <td>
                                                                <a href="javascript:void(0);" class="tag orange">New</a>
                                                                <a href="javascript:void(0);" class="tag green">Deadline</a>
                                                                <a href="javascript:void(0);" class="tag red">Beta</a>
                                                            </td> 
                                                            <td>
                                                                <ul class="e-splitmenu table-splitmenu">
                                                                    <li><span>Actions</span><a href="javascript:void(0);"><span class="arrow-down-10 plix-10"></span></a>
                                                                    
                                                                         <div>
                                                                            <ul>
                                                                                <li><a href="javascript:void(0);"><span class="magnifyglass2-10 plix-10"></span> View image</a></li>
                                                                                <li><a href="javascript:void(0);"><span class="pencil-10 plix-10"></span> Edit image</a></li>
                                                                                <li><a href="javascript:void(0);"><span class="trashcan-10 plix-10"></span> Delete image</a></li>
                                                                            </ul>                                      
                                                                        </div>                               
                                
                                                                    </li>
                                                                </ul>
                                                            </td>
                                                        </tr>
                                                        
                                                        <!-- new row -->
                                                        
                                                        <tr>
                                                            <td><input type="checkbox" name=""/></td>
                                                            <td>
                                                            	<a href="images/uploads/img4.jpg" class="thumb group1"  title="Some title">
                                                                    <img src="images/uploads/img4-thumb.jpg" alt=""/>
                                                                </a>
                                                            </td>
                                                            <td>
                                                                <ul>
                                                                    <li>
                                                                        <a href="javascript:void(0);">
                                                                            <b>Ullamcorper</b>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <small>images/uploads/2010/ullamcorper.jpg</small>
                                                                    </li>                                                                   
                                                                </ul>
                                                            </td>                                                            
                                                            <td>
                                                                <ul>
                                                                    <li>
                                                                        800 x 800
                                                                    </li>
                                                                    <li>
                                                                        136 kb
                                                                    </li>                                                                   
                                                                </ul>
                                                            </td>
                                                            <td>
                                                                <a href="javascript:void(0);" class="tag darkblue">Client</a>
                                                                <a href="javascript:void(0);" class="tag purple">Ticket</a>
                                                                <a href="javascript:void(0);" class="tag blue">Bug</a>
                                                                <a href="javascript:void(0);" class="tag orange">Version 1</a>
                                                            </td> 
                                                            <td>
                                                                <ul class="e-splitmenu table-splitmenu">
                                                                    <li><span>Actions</span><a href="javascript:void(0);"><span class="arrow-down-10 plix-10"></span></a>
                                                                    
                                                                         <div>
                                                                            <ul>
                                                                                <li><a href="javascript:void(0);"><span class="magnifyglass2-10 plix-10"></span> View image</a></li>
                                                                                <li><a href="javascript:void(0);"><span class="pencil-10 plix-10"></span> Edit image</a></li>
                                                                                <li><a href="javascript:void(0);"><span class="trashcan-10 plix-10"></span> Delete image</a></li>
                                                                            </ul>                                      
                                                                        </div>                               
                                
                                                                    </li>
                                                                </ul>
                                                            </td>
                                                        </tr> 
            
                                                        <!-- new row -->
                                                        
                                                        <tr>
                                                            <td><input type="checkbox" name=""/></td>
                                                            <td>
                                                            	<a href="images/uploads/img5.jpg" class="thumb group1"  title="Some title">
                                                                    <img src="images/uploads/img5-thumb.jpg" alt=""/>
                                                                </a>
                                                            </td>
                                                            <td>
                                                                <ul>
                                                                    <li>
                                                                        <a href="javascript:void(0);">
                                                                            <b>Nulla quis nulla eu</b>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <small>images/uploads/2009/nulla-quis-nulla-eu.jpg</small>
                                                                    </li>                                                                   
                                                                </ul>
                                                            </td>                                                            
                                                            <td>
                                                                <ul>
                                                                    <li>
                                                                        800 x 500
                                                                    </li>
                                                                    <li>
                                                                        72,4 kb
                                                                    </li>                                                                   
                                                                </ul>
                                                            </td>
                                                            <td>
                                                                <a href="javascript:void(0);" class="tag blue">Compleet</a>
                                                                <a href="javascript:void(0);" class="tag red">Version 2</a>
                                                                <a href="javascript:void(0);" class="tag green">Email</a>
                                                            </td> 
                                                            <td>
                                                                <ul class="e-splitmenu table-splitmenu">
                                                                    <li><span>Actions</span><a href="javascript:void(0);"><span class="arrow-down-10 plix-10"></span></a>
                                                                    
                                                                         <div>
                                                                            <ul>
                                                                                <li><a href="javascript:void(0);"><span class="magnifyglass2-10 plix-10"></span> View image</a></li>
                                                                                <li><a href="javascript:void(0);"><span class="pencil-10 plix-10"></span> Edit image</a></li>
                                                                                <li><a href="javascript:void(0);"><span class="trashcan-10 plix-10"></span> Delete image</a></li>
                                                                            </ul>                                      
                                                                        </div>                               
                                
                                                                    </li>
                                                                </ul>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <td><input type="checkbox" name="" class="e-checkbox-trigger"/></td>
                                                            <td>Thumb</td>
                                                            <td>Title</td>
                                                            <td>Details</td>
                                                            <td>Tags</td> 
                                                            <td><a href="javascript:void(0);" class="button-text-icon open-add-image">Add <span class="plus-10 plix-10"></span></a></td>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                            </form>
                                        </div>    

                                        <!-- dialog used for the add image button --> 

                                        <div id="add-image" title="Add a new image" style="display:none">
                                            <form>                                                        
                                                <div class="g_1_4">
                                                    <label for="f-imagename">Name:</label> 
                                                </div>
                                                <div class="g_3_4_last">
                                                    <input type="text" id="f-imagename" name=""/>
                                                </div>
                                                
                                                <div class="spacer-10"><!-- spacer 10px --></div>

                                                <div class="g_1_4">
                                                    <label for="f-file">File:</label> 
                                                </div>
                                                <div class="g_3_4_last">
                                                    <input type="text" id="f-file" name=""/>
                                                </div>
                                                
                                                <div class="spacer-10"><!-- spacer 10px --></div>

 												<div class="g_1_4">
                                                    <label for="f-tags">Tags:</label> 
                                                </div>
                                                
                                                <div class="g_3_4_last">
                                                	 <input type="text" id="f-tags" name=""/> 
                                                </div>
                                                
                                                <div class="spacer-10"><!-- spacer 10px --></div>
                                                
                                                <div class="g_1">  
                                                    <input type="submit" value="Submit" class="button-text"/>
                                                </div>	                                                                                                        
                                            </form>                                                   
                                        </div>                                       
                                	</div>
                                </div><!-- End .powerwidget --> 

                                <!-- New widget -->
                                
                                 <div class="powerwidget" id="widget5">
                                    <header>
                                    	<h2>Table example 2 (responsive)</h2>                                  
                                    </header>
                                    <div>
                                        <div class="table-wrapper">  
                                            <table class="basic-table" id="tableexample2">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">Client</th>
                                                        <th scope="col">Project</th>
                                                        <th scope="col" class="tb-numbers">Milestone</th>
                                                        <th scope="col" class="tb-numbers">Days left</th>
                                                        <th scope="col" class="tb-indicator">Quoted / Invoiced / Paid</th>
                                                        <th scope="col" class="tb-progressbar">Progress</th> 
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>Envato</td>
                                                        <td>New landings page</td>
                                                        <td>2.1.1</td>
                                                        <td>7</td>
                                                        <td>
                                                            <span class="indicator tip-s" title="Quoted"><span></span></span>
                                                            <span class="indicator tip-s" title="Invoiced"></span>
                                                            <span class="indicator tip-s" title="Paid"></span>
                                                        </td>
                                                        <td>
                                                            <div class="e-progressbar" data-progressbar-value="50" data-progressbar-color="#ffffff"></div>
                                                        </td>
                                                    </tr>
                                                    
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>Microsoft</td>
                                                        <td>Windows 8 support forum</td>
                                                        <td>3.0.2</td>
                                                        <td>23</td>
                                                        <td>
                                                            <span class="indicator tip-s" title="Quoted"><span></span></span>
                                                            <span class="indicator tip-s" title="Invoiced"><span></span></span>
                                                            <span class="indicator tip-s" title="Paid"></span>
                                                        </td>
                                                        <td>
                                                            <div class="e-progressbar" data-progressbar-value="80" data-progressbar-color="#ffffff"></div>
                                                        </td>
                                                    </tr>
                                                    
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>Apple</td>
                                                        <td>Redesign product page</td>
                                                        <td>0.0.5</td>
                                                        <td>79</td>
                                                        <td>
                                                            <span class="indicator tip-s" title="Quoted"><span></span></span>
                                                            <span class="indicator tip-s" title="Invoiced"></span>
                                                            <span class="indicator tip-s" title="Paid"></span>
                                                        </td>
                                                        <td>
                                                            <div class="e-progressbar" data-progressbar-value="10" data-progressbar-color="#ffffff"></div>
                                                        </td>
                                                    </tr>
    
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>Apple</td>
                                                        <td>Redesign Store</td>
                                                        <td>4.4.0</td>
                                                        <td>overdue</td>
                                                        <td>
                                                            <span class="indicator tip-s" title="Quoted"><span></span></span>
                                                            <span class="indicator tip-s" title="Invoiced"><span></span></span>
                                                            <span class="indicator tip-s" title="Paid"><span></span></span>
                                                        </td>
                                                        <td>
                                                            <div class="e-progressbar" data-progressbar-value="90" data-progressbar-color="#ffffff"></div>
                                                        </td>
                                                    </tr> 
    
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>Yahoo</td>
                                                        <td>Content Managment System</td>
                                                        <td>3.1.0</td>
                                                        <td>45</td>
                                                        <td>
                                                            <span class="indicator tip-s" title="Quoted"><span></span></span>
                                                            <span class="indicator tip-s" title="Invoiced"><span></span></span>
                                                            <span class="indicator tip-s" title="Paid"></span>
                                                        </td>
                                                        <td>
                                                            <div class="e-progressbar" data-progressbar-value="60" data-progressbar-color="#ffffff"></div>
                                                        </td>
                                                    </tr>                                                                                                        
                                                </tbody>
                                                <tfoot>
                                                    <tr>
                                                        <td>Client</td>
                                                        <td>Project</td>
                                                        <td>Milestone</td>
                                                        <td>Days left</td> 
                                                        <td>Quoted / Invoiced / Paid</td>
                                                        <td>Progress</td>                                                    
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </div>    
                                	</div>
                                </div><!-- End .powerwidget -->                                                                  

                                <!-- New widget -->
                                
                                <div class="powerwidget" id="widget6">
                                    <header>
                                    	<h2>Table example 3 (responsive)</h2>                                  
                                    </header>
                                    <div> 
                                        <div class="table-wrapper">  
                                            <table class="basic-table" id="tableexample3">
                                                <thead>
                                                    <tr>
                                                        <th scope="col" class="tb-promocode">Promo Code</th>
                                                        <th scope="col">Promotion</th>
                                                        <th scope="col" class="tb-description">Description</th>
                                                        <th scope="col" class="tb-countdown">Ends in</th> 
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>DF-39066-A SP01</td>
                                                        <td>Envato</td>
                                                        <td>Free Ebook</td>
                                                        <td>
                                                            <div id="project-cndw-1"></div>
                                                        </td>
                                                    </tr>
                                                    
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>MS-12120-M EV12</td>
                                                        <td>Microsoft</td>
                                                        <td>50% discount on WebCamps</td>
                                                        <td>
                                                            <div id="project-cndw-2"></div>
                                                        </td>
                                                    </tr>
                                                    
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>P5cf3l77-PROMO</td>
                                                        <td>Apple</td>
                                                        <td>60% off iLife for iPad 1/2 owners</td>
                                                        <td>
                                                            <div id="project-cndw-3"></div>
                                                        </td>
                                                    </tr>
                                                    
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>Pfg51l00-PROMO</td>
                                                        <td>Apple</td>
                                                        <td>60% off iLife for iPhone 3 owners</td>
                                                        <td>
                                                            <div id="project-cndw-4"></div>
                                                        </td>
                                                    </tr>
                                                    
                                                    <!-- new row -->
                                                    
                                                    <tr>
                                                        <td>Wyt999ig-PRICE</td>
                                                        <td>Apple</td>
                                                        <td>Win a free iPad 3 </td>
                                                        <td>
                                                            <div id="project-cndw-5"></div>
                                                        </td>
                                                    </tr>                                                                                                                                                     
                                                </tbody>
                                                <tfoot>
                                                    <tr>
                                                        <td>Promo Code</td>
                                                        <td>Promotion</td>
                                                        <td>Description</td>
                                                        <td>Ends in</td>                                                  
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </div>    
                                	</div>
                                </div><!-- End .powerwidget -->                                                                           
							</section>                                                    
                                                                                                                                                   
                            <div class="clear"><!-- New row --></div>                                    
                                                          
                            <!-- End grid -->
                                                   
                       </div><!-- End #content-main-inner --> 
                    </div><!-- End #content-main --> 
                </div><!-- End #content-inner --> 
                
                <!-- CONTENT FOOTER -->
                
                <footer id="content-footer">
                    <div class="left">
						<div class="left">
                               <a href="javascript:void(0);" class="button-icon tip-s" title="Some action">
                                  <span class="folder-10 plix-10"></span>
                              </a>                                                        
                              <a href="javascript:void(0);" class="button-icon tip-s" title="Some action">
                                  <span class="pencil-10 plix-10"></span>
                              </a>
                          </div><!-- End .left -->
                          <div class="right">
                              <a href="javascript:void(0);" class="button-icon tip-s" title="Some action">
                                  <span class="refresh-10 plix-10"></span>
                              </a> 
                          </div> <!-- End .right --> 
                    </div><!-- End .left --> 
                    <div class="right">
                    	<div class="left">
                    	Copyright © 2012 <a href="http://bit.ly/ldjfWQ">CreativeMilk</a>
                        </div><!-- End .left -->
                        <div class="right">
                        	<div class="theme-version">Version 1.0</div>
                        </div><!-- End .right -->
                    </div><!-- End .right -->                
                </footer><!-- End #content-footer -->                 
            </div><!-- End #content-border --> 
        </div><!-- End #content --> 
            
    </div><!-- End #container -->
    
    <!-- scroll to top link -->
    <div id="scrolltotop"><span></span></div> 
    
</body>
</html>